<include file="Public:header" />
<!--<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script></head>-->
<link type="text/css" rel="stylesheet" href="__ROOT__/Public/bootstrap/css/bootstrap.min.css"/>

<style type="text/css">
    .iconinfo {
        position: relative;
        margin: 20px auto;
        width: 200px;
        text-align: center;
    }
    .iconinfo .ico {
        display: block;
        margin: 20px auto;
        width: 48px;
        height: 48px;
        -webkit-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .ico-success {
        background-image: url(/Public/front/images/ico-success.png); float:left;
    }
    .iconinfo strong {
        font-size: 16px;
        font-weight: normal;
        display: block;
        line-height: 22px; float:left; padding-top:20px;
    }
    .goodslist p{ line-height:23px;}
    .btn-buy {
        width: 200px;
    }
    .btn-buy,.ui-btn,.ui-btn {
        width: 200px;
        padding: 0;
        height: 37px;
        border: 0;
        border-bottom: 2px solid #b91d11;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background-color: #ec4e4f;
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15), inset 0 1px rgba(254,101,101,0);
        -moz-box-shadow: 0 1px 1px rgba(0,0,0,.15), inset 0 1px rgba(254,101,101,0);
        box-shadow: 0 1px 1px rgba(0,0,0,.15), inset 0 1px rgba(254,101,101,0);
        background: #ea4748;
        line-height: 37px;
        text-align: center;
        font-size: 15px;
        color: #fff;
        text-decoration: none;
    }
    .dddddd{background-color: #1bb627;border-bottom: 2px solid #1bb674;}
    .ui-btn {
        display: block;
        margin: 5px auto 0;
    }
    .ui-btn-text{ color:#fff}
</style>
<div id="main" style="padding:5px; padding-top:0px; min-height:300px">
      <!--<div class="iconinfo">
            <i class="ico ico-success"></i>
            <strong>请您及时付款，<br>以便订单尽快处理！</strong>
        </div>
        <div style="clear:both"></div>-->
    <div class="goodslist">

        <notempty name="products">

            <table border="0" cellpadding="0" cellspacing="0" style="width:100%;border-radius:5px; border:1px solid #ededed; margin-top:8px; padding-bottom:8px;">
                
                <volist name="products" id="vo" >
                    <tr>
                        <td style="width:25%; text-align:center; height:80px; padding-top:10px; overflow:hidden;">
                            <img src="{$vo.cover|get_cover}" title="{$vo.title}" border="0" style="width:80px; border:1px solid #ededed; padding:1px; margin-left:5px;">
                        </td>
                        <td align="left" valign="top">
                            <p style="padding-left:10px; padding-top:10px">
                                {$vo.title}
                            </p>
                            <p style=" padding-left:10px;font-size:14px;">专柜价:<del style="color:#FF0000;">￥{$vo.original_price|default='0.00'}</del>&nbsp;&nbsp;惊喜价:<font color="#FF0000">￥{$vo.price}</font></p>
                            <p style="padding-left:10px;">数量:{$vo.count}<b style="margin-left:3px;"></b>&nbsp;&nbsp;小计:<font color="#FF0000">￥{$vo['price']*$vo['count']}</font></p>
                        </td>
                    </tr>

                </volist>
                <td> </td>
                <td> 总价：<span style="color: red;font-size: 18px">￥ {$order.total}</span></td>
                <td> </td>

            </table>
            <div>
                <div class="form-group" style="margin:10px 20px">
                    <a class="btn btn-success btn-block" href="{:U('WeChat/Index/index')}">返回商城</a>
                </div>
            </div>
        </notempty> 
    </div>
</div>

<include file="Public:footer" />